<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="<%=basePath%>js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/vue.min.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/layui/css/layui.css">
<script type="text/javascript"
	src="<%=basePath%>js/editProductionPlan/chooseFoodQuantity.js"></script>
<script type="text/javascript" src="<%=basePath%>js/BaseUtile.js"></script>

<title>选择商品数量</title>
</head>
<body style="margin: 5%;">
<div class="layui-form">

	<div class="layui-input-inline" >
		<label >餐次选择：</label> <select  id="chooseMealTime" >
			<option value="1">早餐</option>
			<option value="2">午餐</option>
			<option value="3">晚餐</option>
		</select>
	</div>

	<div style="margin-top: 3%">
		<table class="layui-table">
			<thead>
				<tr>
					<th>编号</th>
					<th>名称</th>
					<th>菜系</th>
					<th>数量</th>
					<th>单位</th>
					<th>单价</th>
					<th>生产者</th>
				</tr>
			</thead>
			<tr>
				<th>${food.foodId}</th>
				<th>${food.foodName}</th>
				<th>${food.classification.classificationName}</th>
				<th><input class="layui-input" id="inputFoodQuantity" /></th>
				<th>${food.unit.unitName}</th>
				<th>${food.productPrice}</th>
				<th><select id="chooseCook" >
						<option v-for="option in options" v-bind:value="option.userId" >{{option.nickname}}</option>
				</select></th>
			</tr>
		</table>
	</div>
</div>
	<script type="text/javascript" src="<%=basePath%>css/layui/layui.js"></script>
	<script>
		layui.use('form', function() {

		});
	</script>
</body>
</html>